<template>
    <div class="WindowCardLayout">
        <div class="el-card box-card is-always-shadow">
            <div class="header flex-box flex-center el-card__header"
                 onselectstart="return false"
            >
                <div class="flex-grow">{{ title }}</div>
            </div>
            <div class="body pl-sm pr-sm pt-xs pb-xs ">
                <slot></slot>
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Watch, Vue } from 'vue-property-decorator'

@Component({
  components: {}
})
export default class WindowCardLayout extends Vue {
  @Prop({
    default: ''
  })
  readonly title!: any

  mounted() {
    this.reload()
  }

  reload() {}

}
</script>

<style lang="less" scoped>
    @import (reference) "~style/all.less";

    .WindowCardLayout {
    }
</style>